$().ready(function(){
	//加载地图
	/*window.iframe_main_map.changeModule('ssjiangshuiliang');*/
	$(".panel-show-hide-block a").click(
			function() {
				if ($(this).hasClass("panel-block-normal")) {
					$('.panel-bg').animate({
						marginRight : '-580px'
					}, 400);
					$(this).find('i').attr('class',
							'glyphicon glyphicon-arrow-left');
					$(this).find('span').text('显示');
					$(this).removeClass('panel-block-normal').addClass(
							'panel-block-highlight');
				} else {
					$('.panel-bg').animate({
						marginRight : '0px'
					}, 400);
					$(this).find('i').attr('class',
							'glyphicon glyphicon-arrow-right');
					$(this).find('span').text('隐藏');
					$(this).addClass('panel-block-normal').removeClass(
							'panel-block-highlight');
				}
			})
	// 日期选择
	$('.begindate').val(moment().format('YYYY-MM-DD'));
	$('.begindate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
        console.log(start.toISOString(), end.toISOString(), label);
    });
	$("#startTime").val(getCurrentDate());
	$("#endTime").val(getCurrentDate());
	clickButton();
	/*scroll("tableTab1","tableContent1",1);*/
	$("#searchBtn").click(function(){
		clickButton();
	});
	
});
function clickButton(){
	var type=$('input[name="inlineRadioOptions"]:checked').val();
	switch(type){
	case 'sw':
		searchSwDate();
		break;
	case 'll':
		searchLlDate();
		break;
	}
}
/**
 * 初始化加载水位信息
 * @param startTime
 * @param endTime
 */
/*function initGetSwData(startTime,endTime){
	$("#tableContent").show();
	$("#tableContent1").hide();
	scroll("tableTab","tableContent1",1);
	
}*/

function searchSwDate(){
	
	var param={};
	//map;
	var innerHtml="";
	param.cezhanNM=$("#cezhan_nm").val();
	param.startTime=$("#startTime").val();
	param.endTime=$("#endTime").val();
	jQuery.getJSON("JsyjAction!findSw.action",param,function (dataList) {
	 if(dataList.length>0){
		 $("#tableContent1").html("");
			innerHtml+="<table id=\"tableTab1\" class=\"table-striped table-hover\">" +
			"<thead><tr><td>测站名称</td><td>时间</td><td>水位</td></tr></thead><tbody>";
			for(var i=0;i<dataList.length;i++){
				var map=dataList[i];
				innerHtml+="<tr><td>" +
						"<span style=\"cursor: pointer;color: blue;\"onclick=\"showDetailDiv();\">"+dataList[i]["st_nm"]+"</span></td>" +
				"<td>"+dataList[i]["tm"]+"</td><td>"+dataList[i]["z"]+"</td></tr>";
				
			}
				innerHtml+="</tbody></table>";
				$("#tableContent1").append(innerHtml);
		}
	 else{
		 $("#tableContent1").html("");
			innerHtml+="<div style=\"text-align:center;margin-top:70px;\"><span style=\"font-size:16px\">暂无数据</span></div>";
			$("#tableContent1").append(innerHtml);
		}
	});
}
function searchLlDate(){
	
	var param={};
	var map;
	var innerHtml="";
	param.startTime=$("#startTime").val();
	param.endTime=$("#endTime").val();
	param.cezhanNM=$("#cezhan_nm").val();
	jQuery.getJSON("JsyjAction!findLl.action",param,function (dataList) {
		if(dataList.length>0){
		$("#tableContent1").html("");
		innerHtml+="<table id=\"tableTab1\" class=\"table-striped table-hover\">" +
				"<thead><tr><td>测站名称</td><td>时间</td><td>流量</td></tr></thead><tbody>";
		for(var i=0;i<dataList.length;i++){
			map=dataList[i];
			innerHtml+="<tr><td>" +
					"<span style=\"cursor: pointer;color: blue;\"onclick=\"showDetailDiv();\">"+map["st_nm"]+"</span></td>" +
			"<td>"+map["tm"]+"</td><td>"+map["q"]+"</td></tr>";
		}
			innerHtml+="</tbody></table>";
			$("#tableContent1").append(innerHtml);
		}
		else{
			$("#tableContent1").html("");
			innerHtml+="<div style=\"text-align:center;margin-top:70px;\"><span style=\"font-size:16px\">暂无数据</span></div>";
			$("#tableContent1").append(innerHtml);
		}
		});
}
/**
 * 初始化加载流量信息
 * @param startTime
 * @param endTime
 */
function initGetLlData(startTime,endTime){
	$("#tableContent1").show();
	$("#tableContent").hide();
	scroll("tableTab1","tableContent1",1);
}
/**
 * 显示弹出框
 */
function showDetailDiv(){
	scroll("tab","tableCon",1);
	loadChart("sample",'line');
	$("#bg").fadeIn(200);
}
/**
 * 关闭弹出框
 */
function closeDetailDiv(){
	$("#bg").fadeOut(200);
}
/**
 * 点击切换按钮背景色，同时加载不同的数据
 * @param id1
 * @param id2
 */
function changeBackgroud(id1,id2){
	if($("#"+id2).hasClass('btn-info')){
		$("#"+id2).removeClass('btn-info');
		$("#"+id2).addClass('btn-default');
		$("#"+id1).addClass('btn-info');
		//initGetJbxxData(startTime,endTime);
	}
}
/**
 * 获取检测信息数据
 * @param startTime
 * @param endTime
 */
function initGetJcxxData(startTime,endTime){
	$("#tableCon").show();
	$("#tableCon1").hide();
}
/**
 * 获取基本信息数据
 * @param startTime
 * @param endTime
 */
function initGetJbxxData(startTime,endTime){
	$("#tableCon1").show();
	$("#tableCon").hide();
	scroll("tab1","tableCon1",1);
	loadChart("sample",'line');
}
/**
 * 点击确定按钮查询
 */
function searchByTime(){
	var startTime=$("#startTime").val();
	var endTime=$("#endTime").val();
	if($("#jcxx").hasClass('btn-info')){
		initGetJcxxData(startTime,endTime);
	}
	if($("#jbxx").hasClass('btn-info')){
		initGetJbxxData(startTime,endTime);
	}
}
/**
 * 判断后面选择的日期不能前面选择的日期小
 * @returns {Boolean}
 */
function judgeDate(){
	var startTimeArr=$("#startTime").val().split("-");
	var endTimeArr=$("#endTime").val().split("-");
	var endDateVal=new Date(endTimeArr[0],endTimeArr[1],endTimeArr[2]);
	if(endDateVal<new Date(startTimeArr[0],startTimeArr[1],startTimeArr[2])){
		alert("结束日期不能小于开始日期");
	}
	return false;
}
/**
 * 获得当前时间
 */
function getCurrentDate(){
    var currentDate=new Date();//当前时间
	var dayTM = currentDate.getDate();
	var monthTM = currentDate.getMonth()+1;
	var yearTM = currentDate.getFullYear();
	if(parseInt(dayTM)<10){dayTM="0"+parseInt(dayTM);}
	if(parseInt(monthTM)<10){monthTM="0"+parseInt(monthTM);}
	return  yearTM+"-"+monthTM+"-"+dayTM;
}
function loadChart(showDivId,chartType){
   require.config({
      paths:{
         echarts:'/wrem/js/public/eCharts/build/dist'
      }
   });
   require(
   [
          'echarts',
          'echarts/theme/macarons',
          'echarts/chart/'+chartType
   ],
   function (ec) {
       var myChart = ec.init(document.getElementById(showDivId),'macarons'); 
       var option = {
    	   title:{
    		   show:false
    	   },
           tooltip: {
        	   trigger: 'axis',
        	   padding:"10",
        	   axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                   type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
               },
               show: true
           },
           xAxis : [
               {
                   type : 'category',
                   data :['03-04 12:00','03-04 14:36','03-05 08:00','03-06 08:00','03-06 12:00','03-07 08:00','03-07 14:00','03-08 08:00','03-08 12:00'],
                   axisLabel:{
                	   rotate:-25,
                	   interval:0,
                	   margin:2
                   }
               }
           ],
           yAxis : [
               {
            	   type : 'value'
               }
           ],
           grid:{
          	x2:'8%',
          	y2:'25%',
          	x:'3%'
           },
           series : [
                     {
                         type:chartType,
                         stack: '水位',
                         itemStyle : { normal: {label : {show: false, position: 'insideRight'}}},
                         data:['1.4','3.12','3.72','2.13','1.98','2.67','3.65','1.07','3.08']
                     }
           ]
       };
       myChart.setOption(option); 
   }
);
}